html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img,input,figure,figcaption{margin:0;padding:0; overflow-x:hidden;}
ul,ol,li{list-style:none;}
b,strong{font-weight:normal;}
em,i{font-style:normal;}
a,u{text-decoration: none;}
img{border:0;display:block;}
input{outline:none;}
*{box-sizing:border-box;}
header{ width:100%; height:100px;display:flex;align-items:center; margin-left:200px;}
.main{ width:100%; height:600px;background:url("../img/zhuce.png") center 20px / 1500px 800px no-repeat; position:relative;}
.register{ width:350px; height:auto; background-color:#fff; position:absolute; top:50px; right:220px; padding:10px;}
.register h3{ text-align:center; font-size:16px;}
.register p{ text-align:center; margin-top:10px;}
.register p input{ width:300px; height:48px;}
.register p:nth-of-type(3) input{ width:192px; float:left; margin-left:15px;}
/*.register p:nth-of-type(4) input{ width:192px; float:left;margin-left:15px;}*/
.register p input[type=checkbox]{ width:20px; height:20px;}
.register .red{color:red}
.main .register span{ float:right; margin-right:20px; margin-top:20px;}
.main .register .yz{ display:block; height:48px; width:100px; background-color:red;color:#fff;float:right;
    line-height:48px;font-size:16px;
}
footer{ width:100%;height: 235px;position: relative;
    margin: 0 auto;
    background-color: #f2f2f2;
    padding-top: 15px;
}
footer a{color:#000}
footer ul{ display:flex;}
footer ul:nth-of-type(1) li{
    width: 165px;
    height: 60px;
    border-right: 1px solid #777;
    text-align:center;
    margin:0 auto;
    margin-bottom:10px;
}
footer ul:nth-of-type(1) li:last-child{
    border-right:none;
}
footer ul:nth-of-type(2){
    display:flex;
    justify-content:center;
    margin-bottom:15px;
}
label.error{    display: block;
    color: red;
    text-align: left;
    margin-left: 20px;}
.yzcode{display: block;
    width: 150px;color: red;}
footer ul { padding-top:15px;font-size:14px}
footer ul:nth-of-type(2) li{
    margin-right:12px;
}
footer p{ text-align:center;margin-bottom:20px;font-size:14px}
footer img{ margin:0 auto;}
footer ul li a{display:flex;justify-content:center;align-items:center;flex-direction:column}
footer ul li a img { width:46px; height:32px; }
footer ul li a.a1 img{background:url("../img/base_z.png") -220px -150px no-repeat;}
footer ul li a.a2 img{background:url("../img/base_z.png") -602px -106px no-repeat;}
footer ul li a.a3 img{background:url("../img/base_z.png") -217px -385px no-repeat;}
footer ul li a.a4 img{background:url("../img/base_z.png") -485px 5px no-repeat;}
footer ul li a.a5 img{background:url("../img/base_z.png") -368px -350px no-repeat;}
footer ul li a.a6 img{background:url("../img/base_z.png") -370px -117px no-repeat;}
footer ul li a:hover{color:red}
footer ul li .a1:hover img{background:url("../img/base_z.png") -220px -268px no-repeat;}
footer ul li .a2:hover img{background:url("../img/base_z.png") -602px 5px no-repeat;}
footer ul li .a3:hover img{background:url("../img/base_z.png") -368px -232px no-repeat;}
footer ul li .a4:hover img{background:url("../img/base_z.png") -485px -108px no-repeat;}
footer ul li .a5:hover img{background:url("../img/base_z.png") -368px -463px no-repeat;}
footer ul li .a6:hover img{background:url("../img/base_z.png") -370px 0px no-repeat;}
